// 登录入口

.user-account {
  margin-bottom: 19px;
  // 登录按钮
  .login-btn {
    font-size: 12px;
    color: #898989;
    text-align: center;
    cursor: pointer;
    img {
      width: 27px;
      height: 27px;
    }
    span {
      display: block;
      margin-top: 3px;
      font-size: 12px;
      color: #666666;
      &:hover {
        color: #fa3d41;
      }
    }
  }
  // 主页用户名下拉菜单
  .sign-zone {
    margin-bottom: 19px;
    // 头像
    .user-icon {
      color: #898989;
      text-align: center;
      cursor: pointer;
      img {
        border-radius: 50%;
        border: 1px solid #e2e2e2;
        width: 27px;
        height: 27px;
      }
    }
    ul.profile-list {
      line-height: 2rem;
      margin-top: 3px;
      margin-bottom: 0px;
      li {
        font-size: 12px;
        height: 13px;
        text-align: center;
        cursor: pointer;
        color: #666666;
        &:hover {
          color: #fa3d41;
        }
      }
    }
  }
}

// 响应式设计，媒体查询
@media screen and (min-width: 768px) and (max-width: 1024px) {
  :host {
    width: 56px;
  }
}